$(document).ready(function () {
  roll(50);
});

function roll(t) {
  var $ul1 = $("#warningA");
  var $ul2 = $("#warningB");
  var $ulbox = $("#warning-box");
  // console.log("object", $ul1, $ul2, $ulbox);

  $ul2.html($ul1.html());
  $ulbox.scrollTop(0); // 开始无滚动时设为0
  var timer = setInterval(rollStart, t); // 设置定时器，参数t用在这为间隔时间（单位毫秒），参数t越小，滚动速度越快

  // 鼠标移入div时暂停滚动
  $ulbox.mouseover(function () {
    clearInterval(timer);
  });

  // 鼠标移出div后继续滚动
  $ulbox.mouseout(function () {
    timer = setInterval(rollStart, t);
  });
}

// 开始滚动函数
function rollStart() {
  var $ul1 = $("#warningA");
  var $ulbox = $("#warning-box");
  // 正常滚动不断给scrollTop的值+1,当滚动高度大于列表内容高度时恢复为0
  if ($ulbox.scrollTop() >= $ul1.outerHeight()) {
    $ulbox.scrollTop(0);
  } else {
    $ulbox.scrollTop($ulbox.scrollTop() + 1);
  }
}
